<template>
  <div class="trademark">
    <div class="trademark-content">
      <ul>
        <li>
          <img src="../../../assets/images/home/brand_21.png">
        </li>
        <li>
          <img src="../../../assets/images/home/brand_03.png">
        </li>
        <li>
          <img src="../../../assets/images/home/brand_05.png" />
        </li>
        <li>
          <img src="../../../assets/images/home/brand_07.png" />
        </li>
        <li>
          <img src="../../../assets/images/home/brand_09.png" />
        </li>
        <li>
          <img src="../../../assets/images/home/brand_11.png" />
        </li>
        <li>
          <img src="../../../assets/images/home/brand_15.png" />
        </li>
        <li>
          <img src="../../../assets/images/home/brand_13.png" />
        </li>
        <li>
          <img src="../../../assets/images/home/brand_17.png" />
        </li>
        <li>
          <img src="../../../assets/images/home/brand_19.png" />
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "trademark"
}
</script>

<style lang="less" scoped>
.trademark{
  width: 1200px;
  margin: 0 auto;
  ul{
    overflow: hidden;
    padding: 15px 0;
    background: #f7f7f7;
    line-height: 18px;
    li{
      float: left;
      width: 110px;
      height: 37px;
      border-right: 1px dotted #ccc;
      margin-left: 5px;
    }
  }
}
</style>